﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="Thv.index" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="../Css/style.css" rel="stylesheet" type="text/css" />
    <link href="../Css/forumhome-rollup.css" rel="stylesheet" type="text/css" />
    <link href="../Css/StyleSheet.css" rel="stylesheet" type="text/css" />
    <link href="../Css/nk/header.css" rel="stylesheet" type="text/css" />
    <link href="../Css/nk/styles.base.css" rel="stylesheet" type="text/css" />
    <link href="../Css/scrollable/standalone.css" rel="stylesheet" type="text/css" />
    <link href="../Css/scrollable/scrollable-horizontal.css" rel="stylesheet" type="text/css" />
    <link href="../Css/scrollable/scrollable-buttons.css" rel="stylesheet" type="text/css" />
    <link href="../Css/scrollable/scrollable-navigator.css" rel="stylesheet" type="text/css" />
    <link href="../Css/HL/ShowSP.css" rel="stylesheet" type="text/css" />
    <script src="../Js/jquery.js" type="text/javascript"></script>
    <script src="../Js/script.js" type="text/javascript"></script>
    <style type="text/css">
        .art-post .layout-item-0
        {
            padding-right: 10px;
            padding-left: 10px;
        }
        .art-post .layout-item-1
        {
            color: #3A3B3A;
            background: repeat #FFFFFF;
            padding-right: 10px;
            padding-left: 10px;
        }
        .ie7 .art-post .art-layout-cell
        {
            border: none !important;
            padding: 0 !important;
        }
        .ie6 .art-post .art-layout-cell
        {
            border: none !important;
            padding: 0 !important;
        }
        
        #mask
        {
            display: none;
            background: #000;
            position: fixed;
            left: 0;
            top: 0;
            z-index: 10;
            width: 100%;
            height: 100%;
            opacity: 0.8;
            z-index: 999;
        }
        
        /* You can customize to your needs  */
        .login-popup
        {
            width: 250px;
            display: none;
            background: #333;
            padding: 10px;
            border: 2px solid #ddd;
            float: left;
            font-size: 1.2em;
            position: fixed;
            top: 50%;
            left: 50%;
            z-index: 99999;
            box-shadow: 0px 0px 20px #999; /* CSS3 */
            -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
            -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
            border-radius: 3px 3px 3px 3px;
            -moz-border-radius: 3px; /* Firefox */
            -webkit-border-radius: 3px; /* Safari, Chrome */
        }
        
        img.btn_close
        {
            float: right;
            margin: -28px -28px 0 0;
        }
        
        fieldset
        {
            border: none;
        }
        
        form.signin .textbox label
        {
            display: block;
            padding-bottom: 7px;
        }
        
        form.signin .textbox span
        {
            display: block;
        }
        
        form.signin p, form.signin span
        {
            color: #999;
            font-size: 11px;
            line-height: 18px;
        }
        
        form.signin .textbox input
        {
            background: #666666;
            border-bottom: 1px solid #333;
            border-left: 1px solid #000;
            border-right: 1px solid #333;
            border-top: 1px solid #000;
            color: #fff;
            border-radius: 3px 3px 3px 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            font: 13px Arial, Helvetica, sans-serif;
            padding: 6px 6px 4px;
            width: 200px;
        }
        
        form.signin input:-moz-placeholder
        {
            color: #bbb;
            text-shadow: 0 0 2px #000;
        }
        form.signin input::-webkit-input-placeholder
        {
            color: #bbb;
            text-shadow: 0 0 2px #000;
        }
        
        .button
        {
            background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
            background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
            background: -o-linear-gradient(top, #f3f3f3, #dddddd);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');
            border-color: #000;
            border-width: 1px;
            border-radius: 4px 4px 4px 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            color: #333;
            cursor: pointer;
            display: inline-block;
            padding: 6px 6px 4px;
            margin-top: 10px;
            font: 12px;
            width: 214px;
        }
        .button:hover
        {
            background: #ddd;
        }
    </style>
    <style>
        .scrollable img
        {
            width: 140px;
            margin: 5px 5px 5px 5px;
        }
        
        .scrollable img.hover
        {
            background-color: White;
        }
    </style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script src="Js/jquery.tools.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('a.login-window').click(function () {

                // Getting the variable's value from a link 
                var loginBox = $(this).attr('href');

                //Fade in the Popup and add close button
                $(loginBox).fadeIn(300);

                //Set the center alignment padding + border
                var popMargTop = ($(loginBox).height() + 24) / 2;
                var popMargLeft = ($(loginBox).width() + 24) / 2;

                $(loginBox).css({
                    'margin-top': -popMargTop,
                    'margin-left': -popMargLeft
                });

                // Add the mask to body
                $('body').append('<div id="mask"></div>');
                $('#mask').fadeIn(300);

                return false;
            });

            // When clicking on the button close or the mask layer the popup closed
            $('a.close, #mask').live('click', function () {
                $('#mask , .login-popup').fadeOut(300, function () {
                    $('#mask').remove();
                });
                return false;
            });
        });

        function ShowCreateAccountWindow() {
            pcCreateAccount.Show();
            txtUser.Focus();
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div class="w944 fm" style="margin-top: 20px">
        <div class="title_w944 fm">
            <div class="boder_944 fm" style="height: 185px">
                <div style="margin: 10px auto; width: 900px; height: 160px;">
                    <!-- "previous page" action -->
                    <a class="prev browse left"></a>
                    <!-- root element for scrollable -->
                    <div class="scrollable" id="chained">
                        <!-- root element for the items -->
                        <div class="items">
                            <!-- 1-5 -->
                            <asp:Repeater ID="rptQC" runat="server" OnItemDataBound="rptQC_ItemDataBound">
                                <ItemTemplate>
                                    <div>
                                        <table>
                                            <tr>
                                                <asp:Repeater ID="rptQuangCao" runat="server">
                                                    <ItemTemplate>
                                                        <td>
                                                            <img src='<%=templatePath%>\trangchu\images\Quangcao\<%#Eval("images")%>' alt="" /><br />
                                                            <a href='<%#Eval("linkImage")%>'>
                                                                <%#Eval("Name")%></a><br />
                                                            <span class="cm-reload-80900072360 price-update" id="price_update_80900072360"><span
                                                                class="price notranslate" id="line_discounted_price_80900072360">
                                                                <%#Eval("giaChu")%>&nbsp;VND</span> </span>
                                                        </td>
                                                    </ItemTemplate>
                                                </asp:Repeater>
                                            </tr>
                                        </table>
                                    </div>
                                </ItemTemplate>
                            </asp:Repeater>
                        </div>
                    </div>
                    <!-- "next page" action -->
                    <a class="next browse right"></a>
                </div>
                <div class="quangcao">
                    <div class="navi">
                    </div>
                </div>
                <!-- javascript coding -->
                <script>
                    $(document).ready(function () {
                        // heeeeeeeeeeere we go.
                        $("#chained").scrollable({ circular: true, mousewheel: true }).navigator().autoscroll({
                            interval: 3000
                        });
                    });
                </script>
            </div>
        </div>
    </div>
    </form>
</body>
</html>
